<!doctype html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  <title>葛洲坝当阳水泥有限公司</title>
  <meta name="renderer" content="webkit"> 
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="icon" type="image/png" href="i/favicon.png">
  <meta name="mobile-web-app-capable" content="yes">
  <link rel="icon" sizes="192x192" href="i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
  <link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">
  <meta name="msapplication-TileImage" content="i/app-icon72x72@2x.png">
  <meta name="msapplication-TileColor" content="#0e90d2">
  <link rel="stylesheet" href="css/amazeui.min.css">
  <link rel="stylesheet" type="text/css" href="css/app.css"/>
    <script src="js/mui.js"></script> 
  <script src="js/mui.min.js"></script> 
  <script src="js/jquery.min.js"></script> 
   <script src="js/jquery/jquery-1.8.3.min.js"></script> 
    <script src="myjs/lsdd.js"></script> 
   <script src="myjs/common.js" type="text/javascript"></script> 
     <script src="js/sweetalert/dist/sweetalert-dev.js"></script>
  <link rel="stylesheet" href="js/sweetalert/dist/sweetalert.css">
</head>
<style type="text/css">
	.am-u-sm-4,.am-u-sm-8{
		border-bottom: 1px solid#DEDEDE;
	line-height: 4rem;
	border-right: 1px solid#DEDEDE;
	}
	.am-border-top{
		border-top: 1px solid#DEDEDE;
	}
	.am-u-sm-4{
		border-left: 1px solid#DEDEDE;
	}
</style>
<body>
	<!--1-->
	 <header data-am-widget="header"
          class="am-header am-header-default ">
         <a href="user.html">
          	<span class="am-icon-angle-left am-left am-icon-md am-fl"></span>
         </a> 
      <h1 class="am-header-title">
       查看货单
      </h1>
      <div class="am-header-right am-header-nav">
          <a href="user.html">
        <span class="am-icon-user am-icon-sm"></span>
      </a>         
      </div>
  </header>
	<!--1-->

<div data-am-widget="list_news" class="am-list-news am-list-news-default" >
    <div class="am-list-news-hd am-cf">   
        <a href="###" class="">
          <h2>历史货单</h2>
        </a>
    </div>
   
  <!--  <script type="text/javascript">
    	$(function(){
  		$(".am-qx").bind("click",function(){
  			
  		var sure=confirm("确定要取消该订单吗？");
  		if(sure==true){
		    $(this).css({
    				"background-color":"red",
    				"border":"none"
    			}).text("订单已取消"); 
  		}		
  		else{			
  		return false;
  	}
  	});
  	
 }); 		
    </script>-->
    <div id="orderlist">



		</div>


<!--2-->
<!--<div class="am-tabs" data-am-tabs>
  <ul class="am-tabs-nav am-nav am-nav-tabs">
    <li class="am-active"><a href="#tab1">查看二维码</a></li>
    <li><a href="#tab2">查看订单详情</a></li>
  </ul>

  <div class="am-tabs-bd">
    <div class="am-tab-panel am-fade am-in am-active" id="tab1">
    <figure data-am-widget="figure" class="am am-figure am-figure-default " data-am-figure="{  pureview: 'true' }">
      <img src="img/error.jpg" class="am-img-noborder" data-rel="" alt=""/>
          <figcaption class="am-figure-capition-btm">
           订单编号：20161216234567456789
         </figcaption>   
  </figure>
    </div>
    <div class="am-tab-panel am-fade" id="tab2">
    	
   <div class="am-ckdd">
	<div class="am-g">	
	<div class="am-u-sm-4 am-border-top" >提货日期:</div>
	<div class="am-u-sm-8 am-border-top" >2016-12-15</div>	
</div>

<div class="am-g">	
	<div class="am-u-sm-4 ">订单编号:</div>
	<div class="am-u-sm-8 ">677795</div>	
</div>

<div class="am-g">	
	<div class="am-u-sm-4">工厂名称：</div>
	<div class="am-u-sm-8">葛洲坝当阳工厂</div>
</div>

<div class="am-g">	
	<div class="am-u-sm-4">客户名称:</div>
	<div class="am-u-sm-8">河南大地水泥有限公司</div>
</div>

<div class="am-g">	
	<div class="am-u-sm-4">产品名称:</div>
	<div class="am-u-sm-8">散装525型</div>
</div>

<div class="am-g">	
	<div class="am-u-sm-4">司机名称:</div>
	<div class="am-u-sm-8">刘心武</div>
</div>

<div class="am-g">	
	<div class="am-u-sm-4">吨数:</div>
	<div class="am-u-sm-8">3</div>
</div>

<div class="am-g">	
	<div class="am-u-sm-4">车牌号:</div>
	<div class="am-u-sm-8">粤E123456</div>
</div>

	
<div class="am-g">	
	<div class="am-u-sm-4">操作</div>	
	<div class="am-u-sm-8">
		<button type="button" class="am-btn am-qx am-btn-primary am-radius">取消</button>
	</div>		
</div>
</div>

    </div>
 
  </div>
</div>-->
<!--2-->

<div class="am-g" id="container">
			<button type="button" class="am-btn am-btn-default am-btn-kx am-btn-block btn-loading-example" id="loading" data-am-loading="{spinner: 'circle-o-notch', loadingText: '加载中...', resetText: '查看更多'}" onclick="see_more();"  >查看更多</button>
		</div>
		<input type="hidden" id="currentPage" value="1" />
		<input type="hidden" id="pagecount"  value=""/>
		<input type="hidden" id="editOrder"  value=""/>
		<input type="hidden" id="status"  value=""/>
		<div class="clearfix"></div>
<!--2-->
 <div class="clearfix"></div>
   <footer data-am-widget="footer"
          class="am-footer am-footer-default"
           data-am-footer="{  }">
      <div class="am-footer-miscs ">

          <p>由 <a href="http://www.yunshipei.com/" title="河南志信"
                                                target="_blank" class="">河南志信</a>
            提供技术支持</p>
     <p>版权所有：河南志信科技有限公司 豫ICP备13019378号</p>
    </div>
  </footer>
 <!--5-->
 <!--6-->
 <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default "
     id="">
  <ul class="am-navbar-nav am-cf am-avg-sm-3 am-avg-lg-3">
    <li>
      <a href="index.html">
        <span class="am-icon-home"></span>
         <span class="am-navbar-label">首页</span>
      </a>
    </li>
    <li>
      <a href="gsjj.html">
        <span class="am-icon-qrcode"></span>
         <span class="am-navbar-label">公司简介</span>
      </a>
    </li>
    <li >
      <a href="hzgc.html">
        <span class="am-icon-arrows"></span>
        <span class="am-navbar-label">销售产品</span>
      </a>
    </li>
   <li>
      <a href="lsdd.html">
        <span class="am-icon-eye"></span>
        <span class="am-navbar-label">查看货单</span>
      </a>
    </li>
      <li>
      <a href="user.html">
        <span class="am-icon-user"></span>
        <span class="am-navbar-label">个人中心</span>
      </a>
    </li>
    
  </ul>
</div>
 <!--6-->
  <div data-am-widget="gotop" class="am-gotop am-gotop-fixed">
  <a href="#top" title="">
    <img class="am-gotop-icon-custom" src="img/s.png"
    />
  </a>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/amazeui.min.js"></script>
</body>
</html>